﻿@model IEnumerable<SalesPortal.Web.Models.Employee>
@*
    This should be used as the standard to follow for all listings.
*@


@*<nav class="navbar navbar-inverse navbar-default">
    <div class="container-fluid">
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li><a href="#"><span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>PREV PAGE<span class="sr-only">(current)</span></a></li>
                <li>
                    <button type="button" class="btn btn-primary navbar-btn btn-link" data-toggle="modal" data-target="#filterRecordsModal">
                        <span class="glyphicon glyphicon-filter"></span> filter records
                    </button>
                </li>
                <li>
                    <p>&nbsp;&nbsp;&nbsp;&nbsp;</p>
                </li>
                <li class="active"><a href="#">01</a></li>
                <li><a href="#">02</a></li>
                <li><a href="#">03</a></li>
                <li><a href="#">04</a></li>
                <li><a href="#">05</a></li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Page Size <span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="#">10 records per page</a></li>
                        <li><a href="#">25 records per page</a></li>
                        <li><a href="#">50 records per page</a></li>
                    </ul>
                </li>
            </ul>
            
            <ul class="nav navbar-nav navbar-right">
                <li><a href="#"> Next Page <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span></a></li>
            </ul>
            <form class="navbar-form navbar-right" role="search">
                <div class="form-group">
                    <input type="text" class="form-control page-input" placeholder="page#">
                </div>
                <button type="submit" class="btn btn-primary btn-xs"><span class="glyphicon glyphicon-search" aria-hidden="true"></span>  Go</button>
            </form>
        </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
</nav>*@





<table class="table table-striped table-hover table-condensed">
    <tr>
        <th class="col-md-1">
            @Html.DisplayNameFor(model => model.LegalName)
        </th>
        <th class="col-md-1 nowrap">
            @Html.DisplayNameFor(model => model.DateOfBirth)
        </th>
        <th class="col-md-1">
            @Html.DisplayNameFor(model => model.Salary)
        </th>
        <th class="col-md-1">
            @Html.DisplayNameFor(model => model.Status)
        </th>
        <th></th>
    </tr>

    @foreach (var item in Model)
    {
        <tr>
            <td class="nowrap">
                @Html.DisplayFor(modelItem => item.LegalName)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.DateOfBirth)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.Salary)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.Status)
            </td>
            <td>
                @Html.ActionLink("Edit", "Edit", new { id = item.Id }) |
                @Html.ActionLink("Details", "Details", new { id = item.Id }) |
                @Html.ActionLink("Delete", "Delete", new { id = item.Id })
            </td>
        </tr>
    }
</table>
